<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx}/css/dlifestyle/table.css" />
<script type="text/javascript">
	//返回上一页
	function cancel() {
		loadContent("/helpManual/helpManualList?pageType=" + pageType);
	}
</script>
<section>
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置：${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
			<img style="float:left;margin-left:37px;margin-top:9.5px;" src="/manage/images/new_edit.png">
				<h4 style="letter-spacing:0">常见问题信息详情</h4>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel();"><img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>
		<div id="replyList" class="right" style="height: 150px;margin-top:-10px;">
			<div class="modal-header">
				<div id="form" class="form" style="min-height:50px;margin-top:10px;border-top:1px solid #edeef3;font-size:14px;">
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;height:150px;">
							<input id="pageType" type="hidden" value="${pageType }">
							<span class="col-sm-1 editlableDetail" style="height:150px;font-size:14px;">图像：</span>
							<div class="fldetail-4r"><c:if test="${helpManual.logo == null || helpManual.logo == ''}">
								<img id="preview3" style="width:100px;height:100px;float:left;" title="快上传图像吧" src="${ctx}/images/default.jpg" />
									</c:if>
									<c:if test="${helpManual.logo != null && helpManual.logo != ''}">
								<img id="preview3" style="width:100px;height:100px;float:left;" src="${sessionScope.image_logo}${helpManual.logo}" />
									</c:if></div>
					</div>				
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">小区名称：</span>
							<div class="fldetail-4r" >${helpManual.cellName }</div>
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">用户账号：</span>
							<div class="fldetail-4r">${helpManual.userAccount }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">类型：</span>
							<div class="fldetail-4r" >${helpManual.type }</div>
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">排序：</span>
							<div class="fldetail-4r">${helpManual.sort }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">发布时间：</span>
							<div class="fldetail-4r"><fmt:formatDate value="${helpManual.sendTime}" pattern="yyyy-MM-dd HH:mm"/></div>
                            <span class="col-sm-1 editlableDetail" style="font-size:14px;">更新时间：</span>
							<div class="fldetail-4r"><fmt:formatDate value="${helpManual.updateTime}" pattern="yyyy-MM-dd HH:mm"/></div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">标题：</span>
							<div class="fldetail-4r" >${helpManual.title }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;height:200px">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;height:200px">答案：</span>
							<div class="fldetail-4t"style=" float: left;width: 78%; padding-top:8px;height: 200px;margin-left: 20px;">${helpManual.answer }</div>
					</div>
					<div style="float:left;margin-left:45%;">
						<button style="margin-top: 20px;" class="buttonCancle" onclick="cancel();">返&nbsp;&nbsp;回</button>
						</div>
				</div>
			</div>
		</div>
	</div>
							<%@include file="/views/common/footer.jsp"%>
</section>

<script type="text/javascript">
	var ctx = '${ctx}';
	setCtx(ctx);
	//鼠标滑入一行改变背景颜色
	function mouseoverOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "#D3F0F1");
		});
	}

	//鼠标滑出一行恢复原来的背景颜色
	function mouseoutOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "");
		});
	}
</script>
